{% extends "base1.html" %}
{% block body %}
{% include "navbar.html" %}
<section class="hero is-primary is-bold is-large">
  <div class="main_form">
      <div class="container">
	  
		{% if responseData['OrderKeyId'] %}
		<div class="s-prose js-post-body" itemprop="text">
			<p>Response PayG</p>
			<pre class="CodeBlock-pre  language-json">
			<code>
			{{responseData}}
			</code>
			</pre>
		</div>
		{% elif(responseData) %}
		<div class="s-prose js-post-body" itemprop="text">
			<p>Response PayG</p>
			<pre class="CodeBlock-pre  language-json">
			<code>
			{{responseData}}
			</code>
			</pre>
		</div>
		{% endif %}
		
	  <div class="row">
          <form method="post" name="chatform" id="chatform" action="orderupdate">
			<div class="row">
              <div style="clear:both" class="col-md-12 col-sm-12">
                <p> Order OrderKeyId </p>
                <div class="col-md-12 col-sm-6">
                  <div class="address"><input type="text" name="OrderKeyId" placeholder="OrderKeyId" required /> </div>
                </div>
               
              </div>
            </div>
            <div class="row">
              <div style="clear:both" class="col-md-12 col-sm-12">
                <p> Order Details </p>
                <div class="col-md-6 col-sm-6">
                  <div class="address"><input type="text" name="OrderAmount" placeholder="OrderAmount" required /> </div>
                </div>
                <div class="col-md-6 col-sm-6">
                  <div class="address"><input type="text"  name="OrderType" placeholder="OrderType"> </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div style="clear:both" class="col-md-12 col-sm-12">
                <p> Order Amount data value equal to order amount </p>
                <div class="col-md-6 col-sm-6">
                  <div class="address"><input type="text" name="AmountTypeDesc" placeholder="AmountTypeDesc"> </div>
                </div>
                <div class="col-md-6 col-sm-6">
                  <div class="address"><input type="text" name="Amount" placeholder="Amount"> </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div style="clear:both" class="col-md-12 col-sm-12">
                <p> Customer Details </p>
                <input type="hidden" name="CustomerId" value="152433">
                <div class="col-md-12 col-sm-12">
                  <div class="order_date"><input class="customer" type="text" name="CustomerNotes" placeholder="CustomerNotes"></div>
                </div>
                <div class="col-md-6 col-sm-12">
                  <div class="order_date"><input class="name" type="text" name="FirstName" placeholder="FirstName" required pattern="[a-zA-Z0-9\s]+"></div>
                </div>
                <div class="col-md-6 col-sm-12">
                  <div class="order_date"><input class="name" type="text" name="LastName" placeholder="LastName" required pattern="[a-zA-Z0-9\s]+"></div>
                </div>
                <div class="col-md-6 col-sm-12">
                  <div class="order_date"><input class="name" type="number" name="MobileNo" placeholder="MobileNo"required></div>
                </div>
                <div class="col-md-6 col-sm-12">
                  <div class="order_date"><input class="name" type="email" name="Email" placeholder="Email"required ></div>
                </div>
                <div class="col-md-12 col-sm-12"><select name="EmailReceipt">
                    <option value="">EmailReceipt</option>
                    <option value="true">True</option>
                    <option value="false">False</option>
                  </select></div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="BillingAddress" placeholder="BillingAddress"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="BillingCity" placeholder="BillingCity"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="BillingState" placeholder="BillingState"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="BillingCountry" placeholder="BillingCountry"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="BillingZipCode" placeholder="BillingZipCode"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingFirstName" placeholder="ShippingFirstName"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingLastName" placeholder="ShippingLastName"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingAddress" placeholder="ShippingAddress"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingCity" placeholder="ShippingCity"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingState" placeholder="ShippingState"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingCountry" placeholder="ShippingCountry"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingZipCode" placeholder="ShippingZipCode"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="ShippingMobileNo" placeholder="ShippingMobileNo"> </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div style="clear:both" class="col-md-12 col-sm-12">
                <p> Integration Data </p>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input  alt="IntegrationData" type="text" name="UserName" placeholder="UserName"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input alt="IntegrationData" type="text" name="Source" placeholder="Source"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input alt="IntegrationData" type="text" name="IntegrationType" placeholder="IntegrationType"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input alt="IntegrationData" type="text" name="HashData" placeholder="HashData"> </div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input alt="IntegrationData"type="text" name="PlatformId" placeholder="PlatformId"></div>
                </div>
                <div class="col-md-2 col-sm-6">
                  <div class="address"><input type="text" name="RequestDateTime" placeholder="RequestDateTime"> </div>
                </div>
              </div>
            </div>
			
			
			
			
            <div class="row">&nbsp;</div>
				<div style="clear:both;padding:0px;" class="col-md-12 col-sm-12">
					<div class="col-md-4">
						<input class="btn btn-info btn-lg" type="submit" name="submit" style="display: block;color:#00d1b2;background-color:#FFF;">
					</div>
					<div class="col-md-2">
						<a target ="_blank" href="/orderupdate" class="btn btn-info btn-lg" style="display: block;color:#00d1b2;background-color:#FFF;">Order Update </a> 
					</div>
					<div class="col-md-2">
						<a target ="_blank" href="/orderdetail" class="btn btn-info btn-lg" style="display: block;color:#00d1b2;background-color:#FFF;">Order information </a> 
					</div>
				</div>
			<div class="row">&nbsp;</div>
			<div class="row">&nbsp;</div>
            
          </form>
        </div>
      </div>
    </div>
</section>
{% endblock %}
{% block scripts %}
<script src="../static/js/scripts.js"></script>
<script type="text/javascript">
function clearField() {
   if(document.getElementById) {
      document.chatform.reset();
   }
}
</script>
{% endblock %}
